
;(function(){
    window.router=new VueRouter({
        //全局配置 router-link 标签生成的CSS 类名
        linkActiveClass:"active",
        routes:[
            {
                path:"/",
                component:AppHome
            },
            {
                path:"/news",
                component:News,
                //路由嵌套
                children:[
                    {
                        //当匹配到/news/sport时
                        //组件Sport会被渲染在News组件中的<router-view>组件里面
                        path:"/news/sport",
                        component:Sport,
                        children:[
                            {   
                                //:id就是占位符
                                path:"/news/sport/detail/:id",
                                component:SportDetail
                            },
                        ]
                    },
                    {
                        //简写方式 相当于/news/tecl  切记前面不可以加/ 不然会当成 #/tecl处理
                        path:"tecl",
                        component:Tecl 
                    },
                    {
                        //默认显示的组件
                        path:"",
                        redirect:"/news/sport"
                    }
                ]
            },
            {
                path:"/about",
                component:About
            },
        ]
    })
})() 